HC: really use radial-gradient() in place of -gtk-gradient()
authorLapo Calamandrei <calamandrei@gmail.com>
Wed, 23 Nov 2016 15:39:14 +0000 (16:39 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Wed, 23 Nov 2016 15:39:14 +0000 (16:39 +0100)
Regenerate the css from sass..

gtk/theme/HighContrast/gtk-contained-inverse.css
gtk/theme/HighContrast/gtk-contained.css

index 4d67f8a51b1ff287afbd68765f27aa0ff795313d..4972fbc307cc3a8cd0d6574d865b9757291e30dc 100644 (file)
@@ -372,9 +372,9 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo {
  ***********/
 @keyframes needs_attention {
   from {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ddd), to(transparent)); }
+    background-image: radial-gradient(#ddd 0%, rgba(221, 221, 221, 0) 0%); }
   to {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ddd), to(transparent)); } }
+    background-image: radial-gradient(#ddd 68%, rgba(221, 221, 221, 0) 70%); } }
 button.titlebutton, button {
   min-height: 24px;
   min-width: 16px;
@@ -840,7 +840,7 @@ button.destructive-action {
 .stack-switcher > button.needs-attention > label,
 .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
   animation: needs_attention 150ms ease-in;
-  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ddd), to(transparent));
+  background-image: radial-gradient(#ddd 68%, rgba(221, 221, 221, 0) 70%);
   background-size: 6px 6px;
   background-repeat: no-repeat;
   background-position: right 3px; }
index f1faab1493267118b9002fb5b9635a8a1b2e06b2..168fd043a597f784206e1dda4e8e98e109aa2a0c 100644 (file)
@@ -372,9 +372,9 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo {
  ***********/
 @keyframes needs_attention {
   from {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#000), to(transparent)); }
+    background-image: radial-gradient(#000 0%, transparent 0%); }
   to {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#000), to(transparent)); } }
+    background-image: radial-gradient(#000 68%, transparent 70%); } }
 button.titlebutton, button {
   min-height: 24px;
   min-width: 16px;
@@ -842,7 +842,7 @@ button.destructive-action {
 .stack-switcher > button.needs-attention > label,
 .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
   animation: needs_attention 150ms ease-in;
-  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#000), to(transparent));
+  background-image: radial-gradient(#000 68%, transparent 70%);
   background-size: 6px 6px;
   background-repeat: no-repeat;
   background-position: right 3px; }